<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>客户管理</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.css">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.css">
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
		<script src="dist/echarts.min.js"></script>
		
		<style type="text/css">
			button {
				box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
			}
			
			thead tr th {
				border-bottom: 2px solid #a7b7c3;
				background: #ebeff2;
			}
			
			body {
				font-family: "microsoft yahei";
				font
			}
		</style>
	</head>

	<body>
		<div class="col-lg-12">
			<div class="content" style="box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)">
				<ul class="nav navbar-default  nav-tabs" style="">
					<li class="life active">
						<a href="#" onclick="customermark_argv_tt=0;customermark_load();" data-toggle="tab">全部客户</a>
					</li>
					<li class="life ">
						<a href="#" onclick="customermark_argv_tt=1;customermark_load();" data-toggle="tab">
							潜在客户
						</a>
					</li>
					<li class="life ">
						<a href="#" onclick="customermark_argv_tt=2;customermark_load();" data-toggle="tab">
							签约客户
						</a>
					</li>
					<li class="life ">
						<a href="#" onclick="customermark_argv_tt=3;customermark_load();" data-toggle="tab">重复购买</a>
					</li>
					<li class="life ">
						<a href="#" onclick="customermark_argv_tt=4;customermark_load();" data-toggle="tab">
							失效客户
						</a>
					</li>
					<div class="pull-right m-r-15" style="margin-top: 10px;margin-right: 80px;">
						<a href="#" id="example" target="_blank" data-original-title="公海设置" data-content="Setting international water" data-placement="bottom">
							<i class="fa fa-gear m-r-5"></i>
						</a>公海
					</div>
				</ul>
			</div>
			<!--
        	作者：1810761389@qq.com
        	时间：2018-07-23
        	描述：内容块
        -->
			<div style="margin-top: 10px;">
				<div class="form-group">
					<div class="col-xs-12 col-sm-2">
						<div style="width: 220.5px;height: 34px;">
							<i class="fa fa-filter" style="margin-right: 20px;"></i>
							<button class="btn dropdown-toggle btn-default" id="dropdownMenu2" data-toggle="dropdown" style="box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)">
								<i id="data">全部数据</i>&nbsp;&nbsp;&nbsp;&nbsp;
								<span class="caret"></span>
							</button>
							<div class="dropdown-menu open" aria-labelledby="dropdownMenu2" role="combobox" style="position:absolute; left:45px;	max-height: 165px; overflow: scroll;;overflow-x:auto;overflow-y:hidden; min-height: 152px;padding: 5px;">
								<div class="bs-searchbox"><input type="text" class="form-control" autocomplete="off" role="textbox" aria-label="Search" data-parsley-id="105"></div>
								<li class="divider" data-optgroup="1div"></li>
								<ul class="dropdown-menu inner" role="listbox" aria-expanded="true" style="position: relative;border: none; max-height: 111px; overflow-y: auto; min-height: 98px;width: 100%;">
									<li data-original-index="0" class="">
										<a href="#" style="display: block;" onclick="ark(this);">
											<span class="text">全部数据</span>
											<em class="pull-right fa fa-hand-scissors-o" style="margin-top: 4px;"></em>
										</a>
									</li>
									<li class="divider" data-optgroup="1div"></li>

									<li class="dropdown-header " data-optgroup="1"><span class="text">我的</span></li>
									<li data-original-index="1" data-optgroup="1">
										<a href="#" onclick="ark(this);">
											<span class="text">我的客户</span>
											<span class="fa fa-address-book pull-right"></span>
										</a>
									</li>

									<li class="divider" data-optgroup="1div"></li>
									<li class="dropdown-header " data-optgroup="1">
										<span class="text">种类</span></li>
									<li data-original-index="1" data-optgroup="1">
										<a href="#" onclick="ark(this);">
											<span class="text">合作伙伴</span>
											<span class="fa fa-address-book pull-right"></span>
										</a>
									</li>
							</div>
						</div>

					</div>
				</div>
				<!--
        	作者：1810761389@qq.com
        	时间：2018-07-23
        	描述：form搜索
        -->
				<div class="form-group">
					<label class="col-sm-10	 control-label m-t-10" style="margin-top: 6px;">
				<i class="fa fa-search"></i>
				<div class="input-group " style="margin-top: -25px;margin-left:50px;width: 250px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26)">
					<input type="text" class="form-control">
					<div class="input-group-btn">
                    <button type="button" class="btn waves-effect waves-light btn-d" >客户名称</button>
                    <button type="button" class="btn waves-effect waves-light btn-d dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" aria-expanded="false">
                        <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu"  aria-labelledby="dropdownMenu3">
                        <li><a href="#">客户编号</a></li>
                        <li class="divider"></li>
                        <li><a class="btn-default" data-toggle="modal" data-target="#transfer">高级查询</a></li>
                    </ul>
               </div>
				</div>
			</label>
				</div>
				<!--
    				作者：1810761389@qq.com
    				时间：2018-07-23
    				描述：搜索状态条数
    			-->
			</div>
			<div class="col-sm-6" style="margin-top: 10px;">
				<span class="">客户基本信息</span>
				<span class="" style="color: #98a6ad;">共xx条</span>
				<button type="button" class="btn btn-danger waves-effect waves-light btn-xs" data-toggle="tooltip" data-placement="bottom" title="解除搜索,显示全部数据">
    			<i class="fa fa-reply m-r-5"></i>解除搜索
    		</button>
			</div>
			<div class="col-sm-6 text-right" style="margin-top: 10px;">
				<button class="btn btn-default"><i class="fa fa-plus-circle m-r-5"></i> 新建客户</button>
				<button class="btn btn-white btn-custom f-s-12" id="btn_list_fields"><i class="fa fa-th"></i></button>
			</div>

			<!--
    	作者：1810761389@qq.com
    	时间：2018-07-23
    	描述：基本信息、财务数据按钮
    -->
			<div class="col-sm-12">
				<ul class="nav nav-purple" id="qlist_tab_toggle">
					<li class="life active pull-left">
						<a href="#" style="width: 90px;height: 38px;">基本信息</a>
					</li>
					<!-- BEGIN mark -->
					<li class="life pull-left">
						<a href="#" style="width: 90px;height: 38px;">财务数据</a>
					</li>
				</ul>
			</div>

			<table id="table" data-search="false" data-toggle="table" data-url="open_account" style="margin-top: 5px">
				<thead>
					<tr>
						<th data-field="aid" data-align="center">序号</th>
						<th data-field="name" data-align="center">姓名</th>
						<th data-field="sex" data-align="center">性别</th>
						<th data-field="code" data-align="center">身份证号</th>
						<th data-field="openMoney" data-align="center">开户金额</th>
						<th data-field="openTime" data-align="center">开户时间</th>
						<th data-field="balance" data-align="center">余额</th>
						<th data-align="center" data-width="20%" data-formatter="operateFormatter" data-field="aid">操作</th>
					</tr>
				</thead>
			</table>
			<div class="col-sm-3">
				<input type="hidden" name="sel_type" value="0">
				<button onclick="if (confirm('确认删除选中数据及其视图下关联数据吗？')) {}" class="btn btn-white btn-custom waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" data-original-title="删除">
            	<i class="fa fa-trash"></i>
            </button>&nbsp;
				<button onclick="alert('您没有开启公海应用。');return false;" class="btn btn-white btn-custom waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" data-original-title="将本页选中客户转为公海客户">
            	<i class="fa fa-upload"></i>
            </button>&nbsp;
				<button onclick="alert('您没有开启公海应用。');return false;" class="btn btn-white btn-custom waves-effect waves-light" data-toggle="tooltip" data-placement="bottom" data-original-title="将本页选中客户转为非公海客户">
            	<i class="fa fa-download"></i>
            </button> &nbsp;
				<button onclick="" type="button" class="btn btn-white btn-custom waves-effect" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="批量编辑">
            	<i class="fa fa-pencil-square"></i>
            </button>
			</div>
		</div>
		</div>
		<!--
    	作者：1810761389@qq.com
    	时间：2018-07-23
    	描述：统计
    -->
		<div class="col-sm-12" style="margin-top: 30px;">
			<div class="col-sm-4" style="text-align: center;">
				<div class="col-sm-3" id="fenbu" style="width: 420px;height: 437px;">

				</div>
				<button type="button" style="text-align: center;" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
			</div>
			<div class="col-lg-4" style="text-align: center;">
				<div class="col-sm-4" id="top" style="width: 420px;height: 437px;">

				</div>
				<button type="button" style="text-align: center;" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
			</div>
			<div class="col-lg-4" style="text-align: center;">
				<div class="col-sm-4 pull-right" id="gongju" style="width: 420px;height: 437px;">

				</div>
				<button type="button" class="btn dropdown-toggle btn-default" data-toggle="dropdown" role="button" title="客户类型分布统计"><span class="filter-option pull-left">客户类型分布统计</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button>
			</div>
		</div>

		<br>
		<!--
        	作者：1810761389@qq.com
        	时间：2018-07-23
        	描述：页尾
        -->
		<div class="col-lg-12">
			<footer class="footer" style="text-align: center;padding-bottom: 20px;padding-top: 20px;">热线:<b>4008-8208-820 </b> &nbsp;&nbsp;网站:<b><a href="www.baidu.com" target="_blank">www.baidu.com</a></b> &nbsp;
				<a class="btn btn-danger btn-xs" href="#" onclick="">
					<i class="fa fa-whatsapp m-r-5"></i> 投诉&amp;问题
				</a>&nbsp;&nbsp;
				<a class="btn btn-default btn-xs" href="#" onclick="">
					<i class="fa fa-weixin m-r-5"></i>微客服
				</a>&nbsp;&nbsp;
				<a class="btn btn-primary btn-xs" href="#" onclick="">
					<i class="md md-speaker-notes m-r-5"></i>订阅号
				</a>
				<br>Copyright © 2004-2018 &nbsp;XXX技术有限公司&nbsp;&nbsp; </footer>
		</div>

		<!--
        	作者：1810761389@qq.com
        	时间：2018-07-23
        	描述：模态框
        -->
		<div class="modal fade" id="transfer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-labelledby="open" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h2 class="modal-title" id="#myModalLabel">高级查询</h2>
					</div>
					<div class="modal-body" style="border: none; overflow-y: auto;">
						<div class="col-sm-12" style="margin: 5px;">
							<h5 class="col-sm-3">数据类型:</h5>
							<button type="button" class="btn dropdown-toggle btn-default pull-right col-sm-9" data-toggle="dropdown" role="button" title="客户类型分布统计">
       						<span class="filter-option pull-left">客户类型分布统计</span>
       						<span class="bs-caret pull-right">
       							<span class="caret"></span>
       						</span>
       					</button>
						</div>

						<!--
						作者：1810761389@qq.com
						时间：2018-07-24
						描述：
					-->
						<div class="col-sm-12" style="margin: 5px;">
							<h5 class="col-sm-3">ID:</h5>
							<div class="input-group  col-sm-9">
								<div class="input-group-btn">
									<button type="button" class="btn waves-effect waves-light btn-d dropdown-toggle" data-toggle="dropdown">
									<span set-lan="html:请选择" id="gj_btn_id">请选择<span class="caret"></span>
									</span>
								</button>
									<ul class="dropdown-menu">
										<li>
											<a href="javascript:void(0)" onclick="">包含</a>
										</li>
										<li>
											<a href="javascript:void(0)" onclick="">不包含</a>
										</li>
									</ul>
								</div>
								<input class="form-control" type="text" name="FS_id_key" value="" style="box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);">
							</div>
						</div>

						<div class="col-sm-12" style="margin: 5px;">
							<h5 class="col-sm-3">客户名称:</h5>
							<div class="input-group  col-sm-9">
								<div class="input-group-btn">
									<button type="button" class="btn waves-effect waves-light btn-d dropdown-toggle" data-toggle="dropdown" style="overflow: hidden; position: relative;"><span set-lan="html:请选择" id="gj_btn_id">请选择</span><span class="caret"></span></button>
									<ul class="dropdown-menu">
										<li>
											<a href="javascript:void(0)" onclick="">包含</a>
										</li>
										<li>
											<a href="javascript:void(0)" onclick="">不包含</a>
										</li>
									</ul>
								</div>
								<input class="form-control" type="text" name="FS_id_key" value="" style="box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);">
							</div>
						</div>

						<div class="form-group col-sm-12">
							<h5 class="col-sm-3" style="margin-left: 5px;">种类:</h5>
							<div class="col-sm-8">
								<div class="checkbox checkbox-inline pull-left">
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="1"> 接通电话
									</div>
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="2"> 接通电话
										</input>
									</div>
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="3"> 接通电话
									</div>
								</div>
							</div>
						</div>

						<!--
                        	作者：1810761389@qq.com
                        	时间：2018-07-24
                        	描述：combobox
                        -->
						<div class="form-group col-sm-12">
							<h5 class="col-sm-3" style="margin-left: 5px;">生命周期:</h5>
							<div class="col-sm-8">
								<div class="checkbox checkbox-inline pull-left">
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="1"> 潜在
									</div>
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="2"> 签约
										</input>
									</div>
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="3"> 重复购买
									</div>
									<div class="col-sm-4">
										<input type="checkbox" id="selectid" name="select" value="3"> 失效
									</div>
								</div>
							</div>
						</div>
						<!--
                        	作者：1810761389@qq.com
                        	时间：2018-07-24
                        	描述：date
                        -->
						<div class="col-sm-12" style="margin: 5px;">
							<h5 class="col-sm-3">首次签约</h5>
							<div class="input-append date form_datetime col-lg-4">
								<input type="text" value="" readonly class="form-control">
								<span class="add-on"><i class="icon-th"></i></span>
							</div>
							<strong class="col-sm-1">到</strong>
							<div class="input-append date form_datetime col-lg-4">
								<input type="text" value="" readonly class="form-control">
								<span class="add-on"><i class="icon-th"></i></span>
							</div>
						</div>

						<!--
                        	作者：1810761389@qq.com
                        	时间：2018-07-24
                        	描述：radio
                        -->
						<div class="col-sm-12" style="margin: 5px;">
							<h5 class="col-sm-3">节点</h5>
							<div class="radio radio-inline">
								<div class="col-sm-6">
									<input type="radio" name="check">包含全部即显示
								</div>
								<div class="col-sm-6">
									<input type="radio" name="check">包含一项即显示
								</div>
							</div>
						</div>

					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary" onclick="alert('提交成功')">提交更改</button>
					</div>
				</div>
			</div>
		</div>

			<script type="text/javascript" src="js/fenbu.js"></script>
			<script type="text/javascript" src="js/top.js"></script>
			<script type="text/javascript" src="js/util.js"></script>
			<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
			<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
			<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
			<script src="js/bootstrap.min.js"></script>
			<script src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
			<!-- Latest compiled and minified JavaScript -->
			<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
			<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
			<script src="js/bootstrap-tooltip.js"></script>
			<script src="js/bootstrap-popover.js"></script>
			<!--excel-->
			<script src="js/bootstrap-table-export.js"></script>
			<script src="js/xlsx.core.min.js"></script>
			<script src="js/tableExport.min.js"></script>
			<script src="js/FileSaver.min.js"></script>
			<script src="js/table.js"></script>
	</body>
	<script>
		$(function() {
			$("#example").popover();
			$("[data-toggle='tooltip']").tooltip();
			$(".form_datetime").datetimepicker({
				format: "yyyy年mm月dd日",
				showMeridian: false,
				autoclose: true,
				todayBtn: true
			});
		})

		function ark(obj) {
			var data = $(obj).text();
			$("#data").text(data);
		}

		function print() {
			var printData = $('.bootstrap-table').parent().html();
			window.document.body.innerHTML = printData;
			// 开始打印
			window.print();
			window.location.reload(true);
		}
	</script>

</html>